@extends('base')
@section('style')
    <style>
        .newsline:last-child {
            width: 745px;
            height: 1px;
            background-color: #999;
            float: left;
            margin-top: 19px;
        }

        .swiper-pagination span {
            width: 14px;
            height: 14px;
            border: 3px solid #fff;
            background: none;
            opacity: 1;
        }

        .swiper-pagination-bullet-active {
            border: 3px solid #660066 !important;
        }
    </style>
    @stop
    @section('content')
            <!--banner开始-->
    <div class="banner">
        <div class="bannerSwiper-container swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#"><img src="images/farmBanner.jpg"/></a>
                </div>
                <div class="swiper-slide">
                    <a href="#"><img src="images/farmBanner1.jpg"/></a>
                </div>
                <div class="swiper-slide">
                    <a href="#"><img src="images/farmBanner2.jpg"/></a>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="bannerSwiper-pagination swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="bannerSwiper-button-next"></div>
            <div class="bannerSwiper-button-prev"></div>
        </div>
    </div>
    <div class="container1200 bh">
        <h2 class="h-h2">资源集中整合，政策协同支撑</h2>
        <p class="m-sm xx">创新创业服务平台</p>
        <div class="service">
            <figure>
                <span class="service-kj"></span>
                <h3><a href="">一站式服务</a></h3>
                <p class="list-unstyled">
                    <a href="#">
                        紫金创业园企业一站式服务以为入园企业提供方便、周到、细致的一站式、系统性服务为宗旨。主要包括入伙办理、网络通信、宣传媒介、工商注册、税务登记、车位申请
                    </a>
                </p>
            </figure>
            <figure>
                <span class="service-gc"></span>
                <h3><a href="">政策服务平台</a></h3>
                <p class="list-unstyled">
                    <a href="#">
                        整合各级政府出台的设计税收、人才、金融、产业等政策，指导并帮助入园企业最大程度的享受到政府的优惠政策。
                        西湖区、三墩镇两级政府将针对紫金众创小镇（紫金创业园）出台各类优惠政策，全力扶持创业企业发展。
                    </a>
                </p>
            </figure>
            <figure>
                <span class="service-fw"></span>
                <h3><a href="">人才服务平台</a></h3>
                <p class="list-unstyled">
                    <a href="#">
                        紫金创业园将与专业培训机构合作，面向园区企业发展企业管理、市场营销、技术支撑、人力资源、团队拓展等培训活动。
                        引进国内知名招聘机构、猎头公司、网上招聘平台制订专业人才引进培育计划，保障园区企业用人需要。
                    </a>
                </p>
            </figure>
        </div>
    </div>
    <!-----------关于我们开始------------->
    <div id="indexAbout" style="height: 680px; z-index: 1; overflow:hidden;">
        <!--<video autoplay="" loop="" class="video"><source src="images/world-home-flat.mp4" type="video/mp4"></video>-->
        <div class="video"><img src="images/diqiu.png"/></div>
        <h2 class="h-h2 corlor_fff">紫金创业园 为未来而来</h2>
        <p class="m-sm xx corlor_fff">比肩东方剑桥智慧 激荡求是创业精神 引领科创走廊建设</p>
        <div class="img"></div>
        <div class="fonts">
            紫金创业园，座落于浙大紫金港校区二期北区，以东方剑桥智慧为润泽，并依托浙江大学雄厚的科研、学术实力，以智行远，打造浙大师生创业的“新硅谷”和具有国际影响力的科技园，是浙大校友创业集聚区，开启众创时代新的辉煌篇章。<br/>
            随着杭州“城西科创大走廊”的战略部署与开建，东起浙江大学紫金港校区，西至青山湖科技城的创新创业空间规模建设，为资金创业园再添利好。
            <br/> 紫金创业园于这条科创走廊的起点卓然而立，具备了打造创业新高地的区位优势、生态环境优势、人才优势和规划优势，将以“桥头堡”的蓬勃风姿，加快推动杭州“硅谷”的蓝图呈 现。
        </div>
        <p class="m-none about_more"><a href="{{url('/about')}}" class="btn-center">了解更多</a></p>
    </div>
    <!-----新闻开始------------->
    <div class="container1200 bh">
        <h2 class="h-h2">新闻资讯</h2>
        <p class="m-sm xx">关注我们、关注紫金创业园</p>
        <div class="newsimagebox overflowH ">
            <div class="news-container">
                <div class="swiper-wrapper">
                    @foreach($newsPics as $newsPicItem)
                        <div class="swiper-slide">
                            <div class="news-wrapper">
                                <div class="news-slide">
                                    <a href="{{url('/news/detail/'.$newsPicItem->id)}}">
                                        <img src="{{asset("/img/".$newsPicItem->type.'-'.json_decode($newsPicItem->content)->pic.'/400-436')}}"
                                             alt="{{$newsPicItem->name}}">
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <!-- Add Pagination -->
                <div class="news-pagination"></div>
                <div class="news-button-next"></div>
                <div class="news-button-prev"></div>
            </div>
        </div>

        <div class="newsright">
            @foreach($news as $newsItem)
                <div class="rightbox">
                    <a href="{{url('/news/detail/'.$newsItem->id)}}">
                        <div cl="" class="newsimagesmall">
                            <img src="{{asset("/img/".$newsItem->type.'-'.json_decode($newsItem->content)->pic.'/105-74')}}"
                                 alt="{{$newsItem->name}}">
                        </div>
                        <div class="newstext">
                            <h1 class="current2">{{$newsItem->name}}</h1>
                            <h2>{{date('Y-m-d',strtotime($newsItem->created_at))}}</h2>
                            <p>{{$newsItem->description}}</p>
                        </div>
                    </a>
                </div>
                <div class="newsline"></div>
            @endforeach
        </div>
        <div style="clear: both;"></div>
        <p class="m-none"><a href="{{url('/news')}}" class="btn-center">了解更多</a></p>
    </div>
    <!--友情链接-->
    <div class="box2 bg6">
        <div class="container1200">
            <div class="container">
                <h2 class="h-h2 mb20">名企云集 创新高地</h2>
                <p class="m-sm"></p>
                <ul class="link_box">
                    @foreach($companies as $companyItem)
                        <li>
                            <a href="{{json_decode($companyItem->content)->url}}" target="_blank">
                                <img src="{{asset("/img/".$companyItem->type.'-'.json_decode($companyItem->content)->pic.'/165-63')}}"
                                     alt="{{$companyItem->name}}">
                                <p>{{$companyItem->name}}</p>
                            </a>
                        </li>
                    @endforeach
                </ul>
                <p class="mt20"><a href="/company" class="btn-center">查看更多</a>
            </div>
        </div>
    </div>
@stop
@section('js')
    <script>
        var newsSwiper = new Swiper('.news-container', {
            pagination: '.news-pagination',
            nextButton: '.news-button-next',
            prevButton: '.news-button-prev',
            paginationClickable: true,
            spaceBetween: 90,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
        var bannerSwiper = new Swiper('.bannerSwiper-container', {
            pagination: '.bannerSwiper-pagination',
            nextButton: '.bannerSwiper-button-next',
            prevButton: '.bannerSwiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 5000,
            autoplayDisableOnInteraction: false
        });
    </script>
@stop